<template>
	<div class="head">
		<span @click.stop="$router.go(-1)"><svg-icon iconClass="back"/></span>
		<span>{{ text }}</span>
		<span>规则</span>
	</div>
</template>

<script>
export default {
	props: {
		text: {
			type: String,
			default: "",
		},
	},
};
</script>

<style lang='scss' scoped>
@import "@css/style.scss";
.head {
	width: 100%;
	height: px2rem(40);
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 500;
	color: white; 
    box-sizing: border-box;
    padding: 0 px2rem(10);
		font-size: px2rem(16)
}
</style>